<template>
  <div class="parent-container">
    
    <!--头部，固定不动-->
    <Header></Header>
    
    <!--这是页面的主要内容-->
    <div class="content">
      <router-view></router-view>
    </div>
    
    <!--这是网页的Footer-->
    <div class="footer">
      <Footer></Footer>
    </div>
    
  </div>
</template>
<script>
import Header from '@/components/Header'
import Footer from '@/components/Footer'
export default {
  name: "Home",
  components:{
    Header,
    Footer
  },
  
}
</script>

<style lang="less">
*{
  margin: 0 0;
  padding: 0 0;
}
.parent-container {
  display: flex;
  flex-direction: column;
  
  //min-height: 200vh;/*这是网页内容的高度*/
}
.footer {
  height: 130px; /* 根据实际情况设置高度 */
  background-color: rgb(51, 51, 51);
  line-height: 60px;
  //text-align: center;
}
.content {
  flex-grow: 1;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "钉钉进步体 Regular";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/vZsQpit2cT3E/CD4UyOV8azaM.woff2") format("woff2"),
url("//at.alicdn.com/wf/webfont/vZsQpit2cT3E/5Vc0kEHWxqAV.woff") format("woff");
  font-display: swap;
}
</style>
